/*
 * 鸡蛋美术商城 圆梦美院计划javaScript脚本文件
 * $Author: Jo
 * $Id: freeplan.js 2015-8-19 10:15:00
 * 圆梦美院计划脚本 Begin
*/

var headerHeight = $('#header').height(); //获取页面头部高度

$(function(){
	//把第二个新参与人数标签赋值为第一个的内容
	$('.new-enroll-roll').eq(1).html($('.new-enroll-roll').eq(0).html());
	setInterval("newEnrollRoll();",30); //每过30毫秒执行一次newEnrollRoll()方法；

	//大视频点击触发
	$('.big-video').click(function(){
		$('.big-video .bg, .big-video .btn, .big-video .text').hide();
	});

	//评论按钮绑定回车事件
	$(document).keydown(function(event){ 
		if(event.keyCode==13){ 
			freeplanComment();
		}
	});

	//名师推荐视频点击触发
	$('.recommend .video').click(function(){
		$('.recommend .video .bg,.recommend .video .btn,.recommend .video .text').hide();
	});

	/* 监听窗口是否变动做出相应处理 Begin */
    window.onresize = function(){
	    var body_widht = document.body.offsetWidth;
	    if(body_widht < 1550){
	        $('.right-nav').fadeOut();
	    }
	    if(body_widht >= 1550){
	        $('.right-nav').fadeIn();
	    }
	}

});
/* 文档载入完毕时执行 End */

/* 页面滚动时执行 Begin */
$(document).scroll(function(){
    if($(document).scrollTop() < headerHeight){
        $(".follow-top .bg").removeClass('show');
    }else{
        $(".follow-top .bg").addClass('show');
    }

    //右边导航显示隐藏
    if($(document).scrollTop() >= 850 && $(document.body).width() >= 1550) {
    	$('.right-nav').fadeIn();
    } else{
    	$('.right-nav').fadeOut();
    }

    //执行大视频缩放
    if($(document).scrollTop() >= 2300){
    	$('.big-video .bg').animate({width:'848px',height:'442px',left:'50%',top:'50%',marginLeft:'-424px',marginTop:'-221px'},3000);  
    }

    //执行名师推荐视频缩放
    if($(document).scrollTop() >= 3600){
    	$('.recommend .video .bg').animate({width:'880px',height:'493px',left:'50%',top:'50%',marginLeft:'-440px',marginTop:'-246.5px'},2000);  
    }
});
/* 页面滚动时执行 End */

/* 奖金暴涨部分 Begin */
var width = 0;
var bonus_timer = setInterval("bonusRoll();",0.5);
function bonusRoll() {
	var bonus_num = parseFloat($('#bonus-num').val()); //实际金额
	var roll_num = parseFloat($('.total-bonus .num').text()); //显示的数值
	var max_width = $('#bonus-num').val().length; //显示的数值的最终长度
	// 计算数值增加量
	if(bonus_num > 150){
		var plus = parseFloat(bonus_num / 150);
	}else{
		var plus = 1;
	}
	roll_num = (roll_num + plus).toFixed(2);
	$('.total-bonus .num').text(roll_num);
	// 当数值达到要显示的值，就停止计数器
	if(roll_num >= bonus_num){
		// 最终显示格式化的金额
		$('.total-bonus .num').text(bonus_num);
		stopBonus();
	}
}
function stopBonus(){
	clearInterval(bonus_timer);
}
/* 奖金暴涨部分 End */


/* 人数暴涨部分 Begin */
var people_timer = setInterval("peopleNum();",0.5);
function peopleNum() {
	var people_num = parseInt($('#people-num').val()); //总人数
	var roll_num = parseInt($('.people-num .people').text()); //显示的数值
	var max_width2 = $('#people-num').val().length; //显示的数值的最终长度
	if(people_num > 150){
		var plus = parseInt(people_num / 150);
	}else{
		var plus = 1;
	}
	roll_num = roll_num + plus;
	$('.people-num .people').text(roll_num);
	// 当数值达到要显示的值，就停止计数器
	if(roll_num >= people_num){
		// 最终显示格式化的金额
		$('.people-num .people').text(people_num);
		stopPeople();
	}
}

function stopPeople(){
	clearInterval(people_timer);
}
/* 人数暴涨部分 End */

/* 新参与人数自动回滚效果 Begin */
function newEnrollRoll(){
	//获取第一个new-enroll-roll标签的top值
	var top1 = parseInt($('.new-enroll-roll').eq(0).position().top);
	//获取第二个new-enroll-roll标签的top值
    var top2 = parseInt($('.new-enroll-roll').eq(1).position().top);

    if (top1 == -3400) {
    	//当第一个new-enroll-roll标签top值为-3400时重新赋值，让它在下面连续
        $('.new-enroll-roll').eq(0).css('top','3400px');
    }else{
    	//否则它的top一直减1Px，往上跑的效果
        $('.new-enroll-roll').eq(0).css('top',top1-1+'px');
    }

    if (top2 == -3400) {
    	//当第二个new-enroll-roll标签top值为-3400时重新赋值，让它在下面连续
        $('.new-enroll-roll').eq(1).css('top','3400px');
    }else{
    	//否则它的top一直减1Px，往上跑的效果
        $('.new-enroll-roll').eq(1).css('top',top2-1+'px');
    }
}
/* 新参与人数自动回滚效果 End */


/* 评论自动滚动 Begin */
rollBack();
rollBack();
rollBack();
rollBack();
rollBack();
rollBack();
rollBack();
window.setInterval(rollBack,3000);
function rollBack(){
	var user_img = Math.floor(Math.random() * 35); //获取随机数字头像
	var un_num = Math.floor(Math.random()*35); //获取随机数字用户名
    var comment_num = Math.floor(Math.random()*35); //获取随机数字评论
    var html = getCommentHtml(commentVarImg[user_img],commentVarUsername[un_num], commentVarContent[comment_num]);
    $('#of-box').append(html);
    rollTop();
}
//获取评论html代码
function getCommentHtml(img,uname,content){
	var html = '<div class="list">';
	html += '<img class="head-portrait" src="'+__PUC__+'/img/freeplan/'+img+'.jpg" alt="随机头像">';
	html += '<div class="content">';
	html += '<span class="uname">'+uname+':</span>';
	html += '<span class="text">'+content+'</span>';
	html += '</div></div>';
	return html;
}
//滚动
function rollTop(){
	var out_height = $('.why-do .video-comment .right').height(); //外层box高度
	var of_height = $('#of-box').height(); //浮动box高度
	var top = (out_height - of_height);
	$('#of-box').animate({top:top+'px'});
}
/* 评论自动滚动 End */


/* 检查评论内容 Begin */
function checkComment(obj){
	var maxChars = 30; //最大字符数 
    if (obj.value.length > maxChars){
        Ctf("最多可输入30个字");
        obj.value = obj.value.substring(0,maxChars);    
    } 
}
/* 检查评论内容 End */

/* 圆梦美院计划评论 Begin */
function freeplanComment(){
	var url = "freeplan.php?act=freeplan_comment";
	var comment_content = $(".input-comment .ic-box").val();
	if(comment_content == "" || comment_content == "大声喊出你的梦想！每次回复不可超过30个字"){
		Ctf("评论不能为空！");
	}else{
		$.post(url,{comment_content :comment_content},function(result){
		commentReturn(result);
		},'json');
	}
}
function commentReturn(result){
	if(result.error == 1){
		var user_img = Math.floor(Math.random()*35);
		var html = getCommentHtml(commentVarImg[user_img],user_name,result.comment_content);
		$('#of-box').append(html);
		rollTop();
		$(".input-comment .ic-box").val('');
	}
	if(result.error == 2){
		Ctf(result.content); 
	}
}
/* 圆梦美院计划评论 End */

/* 分享部分 Begin */
window._bd_share_config = {
	common : {
		bdText : '想考美院的你，一定不可以错过这个机会，参加圆梦美院计划，考上美院，买多少退多少哦。 （分享自 @鸡蛋美术）',
		bdDesc : '圆梦美院计划-鸡蛋美术商城',
		bdUrl : 'http://www.eggms.com/freeplan.php',
		bdPic : ''
	},
	share : [{
		"bdSize" : 16
	}],
}
with(document)[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
/* 分享部分 End */

/* 名师推荐部分 Begin */
//鼠标经过第二位名师
$('.recommend li.one').hover(function(){
    $('.recommend li.one').stop().animate({left:"0"},300);;
    $('.recommend li.two').stop().animate({left:"758px"},300);
    $('.recommend li.three').stop().animate({left:"1137px"},300);
},function(){
    reduction();
});
//鼠标经过第二位名师
$('.recommend li.two').hover(function(){
    $('.recommend li.one').stop().animate({left:"0"},300);
    $('.recommend li.two').stop().animate({left:"379px"},300);
    $('.recommend li.three').stop().animate({left:"1137px"},300);
},function(){
    reduction();
});
//鼠标经过第三位名师
$('.recommend li.three').hover(function(){
    $('.recommend li.one').stop().animate({left:"-379px"},300);
    $('.recommend li.two').stop().animate({left:"0"},300);
    $('.recommend li.three').stop().animate({left:"379px"},300);
},function(){
    reduction();
});
//鼠标经过第四位名师
$('.recommend li.four').hover(function(){
    $('.recommend li.four').stop().animate({left:"0"},300);;
    $('.recommend li.five').stop().animate({left:"758px"},300);
    $('.recommend li.six').stop().animate({left:"1137px"},300);
},function(){
    reduction();
});
//鼠标经过第五位名师
$('.recommend li.five').hover(function(){
    $('.recommend li.four').stop().animate({left:"0"},300);
    $('.recommend li.five').stop().animate({left:"379px"},300);
    $('.recommend li.six').stop().animate({left:"1137px"},300);
},function(){
    reduction();
});
//鼠标经过第六位名师
$('.recommend li.six').hover(function(){
    $('.recommend li.four').stop().animate({left:"-379px"},300);
    $('.recommend li.five').stop().animate({left:"0"},300);
    $('.recommend li.six').stop().animate({left:"379px"},300);
},function(){
    reduction();
});

//还原方法
function reduction(){
	$('.recommend li.one,.recommend li.four').stop().animate({left:"0"},300);
    $('.recommend li.two,.recommend li.five').stop().animate({left:"379px"},300);
    $('.recommend li.three,.recommend li.six').stop().animate({left:"758px"},300);
}
/* 名师推荐部分 End */

/* 梦想合伙人部分 Begin */
//鼠标经过照片触发
$(".dream-partner li").hover(function(){
	$(this).find('.text-bg').animate({"bottom":"-15px"},70);
	$(this).find('.text').show();
},function(){
	$(this).find('.text-bg').animate({"bottom":"-78px"},70);
	$(this).find('.text').hide();
});

//鼠标点击触发
var scrollImage = {
	num : parseInt('17'), //图片的数量
	//图片src地址数组，对应图片num
	url : [''+__PUC__+'img/freeplan/dream-partner-big1.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big2.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big3.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big4.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big5.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big6.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big7.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big8.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big9.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big10.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big11.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big12.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big13.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big14.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big15.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big16.jpg',
			''+__PUC__+'img/freeplan/dream-partner-big17.jpg'],
	//图片描述desc
	desc : ["（四川美术学院）其实大学不是放松自己的地方，而是追逐梦想的开始。","（中央美术学院）想想高三那段日子真是挺痛苦的，但不逼一下自己，怎么知道自己多牛逼呢？","（广州美术学院）来广美吧！这里的饭堂很好吃！","（广州美术学院）毕业了,才发现大学生是最好的职业。","（西安美术学院）抱着一张大学录取通知书来睡觉，醒来后发现通知书变成了毕业证，证明我曾经在这里睡过。","（鲁迅美术学院）上了美院才知道，原来班主任到毕业都见不了几次。","（湖北美术学院）真怀念高三那段日子，但不要让我再来一次了。","（天津美术学院）美院也没什么不一样，也有混日子的，也有学霸，看你怎么过了。","（清华大学美术学院）在美院里面更自由一些，厉害的人更多一些，自己都不敢懒惰了。","（天津美术学院）高三的学弟学妹们，加油！","（西安美术学院）上了大学一定要多交朋友，多谈恋爱，哈哈！","（四川美术学院）大学跟高三有所不同的只是没老师逼着你去做卷子了而已。","（中国美术学院）国美真的很漂亮，真庆幸自己能考上国美，师弟师妹都来考国美吧！","（天津美术学院）有空来天美看看，你一定会想考这样的大学的。","（湖北美术学院）加油！加油！","（广州美术学院）考大学一定要考自己喜欢的，报专业一定要报自己感兴趣的","（鲁迅美术学院）报名圆梦美院计划，考上美院真的退钱哦！"],
	//下边一栏所需参数
	//当前图片
	//因为当前图片的num是会随着按钮点击而变化，点击向左的num-1，点击向右的num+1，n代表num
	currentNum : function(n){
		if(n>0){
			return $('.img-number').find('.cur-num').eq(0).text(n);
		}else{
			return parseInt($('.img-number').find('.cur-num').eq(0).text());
		}     
	},
	//下边一栏左右按钮的样式,同上moveClass()类似
	changeClass : function(pre, next){
		var preClass = pre ? 'f-p-prev' : 'f-p-prev-disabled';
		var nextClass = next ? 'f-p-next' : 'f-p-next-disabled';
		$('.btn-left-area a').removeClass().addClass(preClass);
		$('.btn-right-area a').removeClass().addClass(nextClass);
	},
	//下边一栏左右按钮点击,这里左右按钮给和在一起了。通过direction来判断
	//有两种极端情况，第一种是：第一张图片。第二种是：最后一张图片。
	change : function(direction) {
		if(direction == 'pre' && this.currentNum() > 1){
			//获得当前之前的图片num
			var willNum = this.currentNum() - 1;
			//改变页面图片num数字及其src地址
			this.changeNum(willNum);
			}else if(direction == 'next' && this.currentNum() < this.num){
			//获得当前之后的图片num
			var willNum = this.currentNum() + 1;
			//改变页面图片num数字及其src地址
			this.changeNum(willNum);
		}
	},
	//改变图片src及其num数字
	changeNum : function (willNum){
		//改变图片数字
		this.currentNum(willNum);
		//改变图片src地址
		$('#big-image').attr('src', this.url[willNum-1]);
		//改变图片desc描述
		$('#big-image').next().text(this.desc[willNum-1]);

		//判断左右按钮是否变灰
		//两种极端状态,第一张和最后一张
		//判断总的图片数量
		if(willNum == 1){
			if(this.num > 1){
				return this.changeClass(0, 1);
			}
		}else if(willNum == this.num){
			if(this.num > 1){
				return this.changeClass(1, 0);
			}
		}else{
			if(this.num > 1){
				return this.changeClass(1, 1);
			}
		}
	}
} 

//判断图片数量是否大于0,只有大于0才能实现轮播的一些功能。
if(scrollImage.num > 0){
	//判断图片数量是否小于等于1,true时,下边一栏的左右按钮变灰不可用。
	if(scrollImage.num <= 1){
		scrollImage.changeClass(0, 0);  //这样左右按钮都变灰
	}
	//下边一栏图片的改变：其实也就是图片的src地址改变而已，点击按钮改变src地址
	//假如点击按钮我们能获取这应该是第几张图片，这样我们就能把图片的src地址写入到一个数组
	//数组的键是当前图片的num，值是src，这样就能点击按钮，加载相应的图片了。
	//点击下边一栏的左按钮,点击时当前图片-1,就是前面的图片
	$('.btn-left-area a').click(function(){
		scrollImage.change('pre');  
	});

	//点击下边一栏的右按钮,点击时当前图片+1,就是后面的图片
	$('.btn-right-area a').click(function(){
		scrollImage.change('next'); 
	});

	//点击上边一栏的图片  img[currentNum]表示上边一栏的img元素
	$('img[currentNum]').click(function(){
	//获得当前图片的num
		var willNum = parseInt($(this).attr('currentNum'));
		scrollImage.changeNum(willNum);
	});

	$(".dream-partner li").click(function(){
		$("#flow-pohto,#masks,#close-popup").show();
	});
	$("#close-popup").click(function(){
		$("#flow-pohto,#masks,#close-popup,#popup-video").hide();
	});
}

//点击弹出视频
$(".dp-video").click(function(){
	$("#popup-video,#masks,#close-popup").show();
	var video1_src = "http://player.youku.com/player.php/sid/XNDI1NDU2MjA0/v.swf";
	var video2_src = "http://player.youku.com/player.php/sid/XNjM1MjYwOTky/v.swf";
	var video3_src = "http://player.youku.com/player.php/sid/XNzM0Njc3OTM2/v.swf";
	var att = $(this).attr('att');
	if(att == 'dp-video1'){
		$("#popup-video").attr('src', video1_src);
	}else if(att == 'dp-video2'){
		$("#popup-video").attr('src', video2_src);
	}else if(att == 'dp-video3'){
		$("#popup-video").attr('src', video3_src);
	}
});
/* 梦想合伙人部分 End */

/* 九大美院版块 Begin */
//九大美院投票Ajax
function vote(num,obj){
	if(10 > num > 0){
		$('.arts-academy .vote').removeAttr("onclick");
		$(".arts-academy .vote").attr('onclick','').click(function(){
			Ctf("你已经投过票了，谢谢您的参与");
		});
		var url = 'freeplan.php?act=academy_toupiao';
			$.ajax({url:url,data:{id:num},type:'post',dataType:'text',success:function(count){
			$('.'+obj).find('.count').text(count);
		}});
	}
}

//鼠标移经过触发九大美院介绍
$(".arts-academy .big-box").hover(function(){
	var cur_box = $(this).attr('att'); //当前盒子的属性值
	var index = $(this).index()+1; //当前盒子的下标
	var num = parseInt((index-1)/3); //每一行三个
	var html = $(".arts-academy .window-pic .content").eq(index-1).html();
	$(".arts-academy .window").stop(true).css({'top':259+205*num+'px','display':'block'}).animate({'opacity':1},0);
	$(".arts-academy .window .text").html(html);
	$(".arts-academy .window .thumb img").each(function(i,j){
		$(this).attr('src', ''+__PUC__+'img/freeplan/'+cur_box+'_w'+(i+1)+'.jpg');
	});
	$(".arts-academy .big-img img").attr('src', ''+__PUC__+'img/freeplan/'+cur_box+'_w1.jpg');
},function(){
	$(".arts-academy .window").animate({'opacity':0},0,function(){$(this).hide();});
	$(".arts-academy .window").hover(function(){
		$(this).stop();
		$(".arts-academy .window").animate({'opacity':1},0);
	},function(){
		$(".arts-academy .window").animate({'opacity':0},0,function(){$(this).hide();});
	});  
});

//点击美院进入对应美院内页
$(".arts-academy .big-box .box").click(function(){
	var cur_box = $(this).attr('att'); //当前盒子的属性值
	if(cur_box == "yangmei"){
		window.open('freeplan.php?act=yangmei');
	}else if(cur_box == "qinghua"){
		window.open('freeplan.php?act=qinghua');
	}else if(cur_box == "guomei"){
		window.open('freeplan.php?act=guomei');
	}else if(cur_box == "tianjin"){
		window.open('freeplan.php?act=tianjin');
	}else if(cur_box == "guangmei"){
		window.open('freeplan.php?act=guangmei');
	}else if(cur_box == "humei"){
		window.open('freeplan.php?act=humei');
	}else if(cur_box == "chuanmei"){
		window.open('freeplan.php?act=chuanmei');
	}else if(cur_box == "lumei"){
		window.open('freeplan.php?act=lumei');
	}else if(cur_box == "xian"){
		window.open('freeplan.php?act=xian');
	}
});
/* 九大美院版块 End */


/* 圆梦美院派奖现场 Begin */
$(".scene-video .cli").click(function(){
	$("#popup-video,#masks,#close-popup").show();
	var video1_src = "http://player.youku.com/player.php/sid/XNDI1NDU2MjA0/v.swf";
	var video2_src = "http://player.youku.com/player.php/sid/XNjM1MjYwOTky/v.swf";
	var att = $(this).attr('att');
	if(att == 'sv-video1'){
		$("#popup-video").attr('src', video1_src);
	}else if(att == 'sv-video2'){
		$("#popup-video").attr('src', video2_src);
	}
});
/* 圆梦美院派奖现场 End */
/* 脚本 End */